<template>
<div>
	<div class="userItem">
		<view class="top">
			<div>
				<span>第二份明细表</span>
				<div>某客户</div>
			</div>
			<u-tag text="审核通过" type="success" />
		</view>
		<view class="center">
			<div class="centerView">
				<span>
					回款进度 (0%)  
				</span>
				<!-- 进度条 -->
				<div>
					<u-line-progress :percent="40" round active-color="#366DF6" height="20"></u-line-progress>
				</div>
			</div>
			<div class="priceView">
				￥500.00
			</div>
		</view>
		<view class="bottom">
			已回款: ￥0 / 待回款: ￥1,288.00 / 签约时间: 2021-05-13
		</view>
	</div>
	</div>
</div>

</template>

<script>
	export default {
		name:'contractItem'
	}
</script>

<style lang="stylus">
	.userItem
		padding 20rpx
		display flex
		flex-direction column
		// justify-content space-between
		background #fff
		border-bottom 1rpx solid #eeeffd
		color #666
		.top
			display flex
			justify-content space-between
			div
				span
					font-size 34rpx
					color #000
				div
					margin 6rpx 0
		.center
			display flex
			justify-content space-between
			.centerView
				display flex
				div
					width 200rpx
					margin-left 10rpx
			.priceView
				color #f29100 
</style>
